import {useState} from 'react'
import rule1 from "./../images/rule1.png"
import rule2 from "./../images/rule2.png"

import './index.scss'

const ruleImgs = [rule1, rule2]

function HonorRankRule() {

  const closeRule = () => {
    window.location.href = "/layout/honor/"
  }

  return (
    <div className="HonorRank-rule">
      <button className="return-btn" onClick={closeRule}>return</button>

      <ul className="rule">
        {
          ruleImgs.map(url => (
            <li className="rule-item">
              <img src={url} alt=""/>
            </li>
          ))
        }
      </ul>

      <p className="info">Hak penjelasan dipilihkan RABO LIVE</p>
    </div>
  )
}

export default HonorRankRule
